<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>首页</title>
    <link rel="stylesheet" type="text/css" href="/static/index_user/css/aui.css" />
    <link rel="stylesheet" type="text/css" href="/static/index_user/css/aui-slide.css" />
    <style type="text/css">
        .aui-list .aui-list-header {
            background-color: #2c3039;
            color:#ffffff;
            text-align: center;
            justify-content: center;
            border-bottom: 1px solid #1e2128;
            font-size: 1rem;
        }

        .aui-grid [class*=aui-col-] {
            padding: 0.2rem 0;
            text-align: left;
        }
    </style>
    <script type="text/javascript">
        function browserRedirect() {
            var sUserAgent = navigator.userAgent.toLowerCase();
            var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
            var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
            var bIsMidp = sUserAgent.match(/midp/i) == "midp";
            var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
            var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
            var bIsAndroid = sUserAgent.match(/android/i) == "android";
            var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
            var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
                //跳转移动端页面
                //window.location.href="http://mobile.qiquan.miao9.cc";
            } else {
                //跳转pc端页面
                // window.location.href="http://pc.qiquan.miao9.cc";
            }
        }
        browserRedirect();
    </script>
</head>

<body>
<header class="aui-bar aui-bar-nav" style="position: fixed;">
    <a class="aui-pull-left aui-btn">

    </a>
    <div class="aui-title">首页</div>



</header>
<div id="msg" class="" style=" display: none; width: 100%;position: fixed;top: 6%;z-index: 99;color: red;background-color: yellow;text-align: center">您有新消息,请在消息中心查看</div>

<div id="aui-slide3" style="margin-top: 48px;;">
    <div class="aui-slide-wrap">
        <div class="aui-slide-node bg-dark">
            <img src="/static/index_user/picture/tu1.jpg" />
        </div>
        <div class="aui-slide-node bg-dark">
            <img src="/static/index_user/picture/tu2.jpg" />
        </div>
    </div>
    <div class="aui-slide-page-wrap">
        <!--分页容器-->
    </div>
</div>
<div class="aui-content aui-margin-t-15 aui-margin-b-15" style="margin-bottom:2.5rem !important">
    <ul class="aui-list aui-select-list">
        <li class="aui-list-header">期权E计划-盈亏五五分</li>

        {volist name="data" id="v"}
        <a href="{:url('user/Xunjia/index',['id'=>$v.id])}" style="color:#000">
            <li class="aui-list-item">

                <div class="aui-list-item-inner">
                    <section class="aui-grid">
                        <div class="aui-row">
                            <div class="aui-col-xs-12">
                                <span>{$v.stockcode}--{$v.name}</span>
                            </div>
                            <div class="aui-col-xs-6">
                                <span>期权费率：</span><span class="aui-text-danger">以询价为准</span>   <!--6.6%-->
                            </div>
                            <div class="aui-col-xs-6">
                                <span>期权日期：</span><span>{:date('Y-m-d',time())}</span>
                            </div>
                            <div class="aui-col-xs-6">
                                <span>名义本金：</span><span><font color="red">10W起</font></span>
                            </div>
                            <div class="aui-col-xs-6">
                                <span>交易周期：</span><span>1周</span>
                            </div>
                        </div>
                    </section>

                </div>
            </li>
        </a>
        {/volist}

    </ul>
</div>

<footer class="aui-bar aui-bar-tab" id="footer">
    <div class="aui-bar-tab-item aui-active">
        <a href="{:url('user/Index/index')}" style="color:#ffffff">
            <i class="aui-iconfont aui-icon-home"></i>
            <div class="aui-bar-tab-label">首页</div>
        </a>
    </div>
    <div class="aui-bar-tab-item">
        <a href="{:url('user/Xunjia/index')}" style="color:#757575">
            <i class="aui-iconfont aui-icon-cert"></i>
            <div class="aui-bar-tab-label">询价</div>
        </a>
    </div>
    <div class="aui-bar-tab-item">
        <a href="{:url('user/Chicang/index')}" style="color:#757575">
            <i class="aui-iconfont aui-icon-image"></i>
            <div class="aui-bar-tab-label">持仓</div>
        </a>
    </div>

    <div class="aui-bar-tab-item">
        <a href="{:url('user/UserCenter/index')}" style="color:#757575">
            <i class="aui-iconfont aui-icon-my"></i>
            <div class="aui-bar-tab-label">我的</div>
        </a>
    </div>
</footer>
</body>
<script type="text/javascript" src="/static/index_user/js/api.js"></script>
<script type="text/javascript" src="/static/index_user/js/aui-tab.js"></script>
<script type="text/javascript" src="/static/index_user/js/aui-slide.js"></script>
<script type="text/javascript">
    var slide = new auiSlide({
        container: document.getElementById("aui-slide"),
        // "width":300,
        "height": 60,
        "speed": 500,
        "autoPlay": 10000, //自动播放
        "pageShow": true,
        "pageStyle": 'line',
        "loop": true,
        'dotPosition': 'center',
        currentPage: currentFun
    })

    function currentFun(index) {
//        console.log(index);
    }
    var slide3 = new auiSlide({
        container: document.getElementById("aui-slide3"),
        // "width":300,
        "height": 180,
        "speed": 500,
        "autoPlay": 6000, //自动播放
        "loop": true,
        "pageShow": true,
        "pageStyle": 'dot',
        'dotPosition': 'center'
    })
//    console.log(slide3.pageCount());
</script>

</html>

<script type="text/javascript" src="/static/index_user/js/jquery-1.11.3.min.js"></script>
<script>
    showmsg();
    function showmsg() {
//        var $=jQuery;
//        console.log($);
        $.ajax({
            type: 'get',
            url: '/msg',
            dataType: 'json',
            success: function (data) {
//                console.log(data);
                if(data){
//                    console.log(111)
                    $('#msg').show();
                }else{
//                    console.log(222)
                    $('#msg').hide();
                }
            },
            error: function () {
            }
        });



        msgtimer=setTimeout('showmsg()', 2000);
    }
</script>